<!--
 * @Author: actor
 * @Date: 2023-11-13 15:42:40
 * @email: 395593455@qq.com
 * @LastEditors: actor
 * @LastEditTime: 2023-12-19 10:20:41
 * @FilePath: \i-hos-app\shared\emr\src\components\insert\EditArea.vue
 * @Description: 编辑区域插入组件
-->
<template>
  <div class="editArea" :data-config="JSON.stringify(config)" contenteditable> </div>
</template>

<script setup lang="ts">
  import { reactive } from 'vue'
  // 接口约束
  import { IConfig } from '../../interface/page'
  let config: IConfig = reactive({
    type: '可编辑区域',
  })
</script>

<style scoped lang="scss">
  .editArea {
    outline: 1px dashed #409eff;
    min-height: 2em;
    margin: 1px 0;
  }
</style>
